@charset "utf-8";
.web{
    .news_1{
        .news_2{
            line-height: 90px;
            font-size: 30px;
            color: #ff6b08;
        }
        .news_3{
              figure{
         a{
             border-radius: 2px;
             position: relative;
             display: block;
             overflow: hidden;
            img{
                width: 100%;
            }
             p{
                 
                 padding: 10px;
                 text-indent: 2em;
             height: 20%;
             width: 100%;
                 position: absolute;
                 bottom: -30%;
                 left: 0;
                 color: #FFFFFF;
                 background: rgba(0,0,0,0.5);
                 z-index: 1;
                 transition: 0.5s;
             }
             &:hover p{
                 bottom: -5%;
             }
         }
     }
        }
    }
    .state{
        .state_1{
            padding-top: 40px;
            .state_2{
                img{
                    width: 100%;
                }
            }
            .state_3{
                .state_4{
                    padding-top: 5px;
                    font-size: 18px;
                    &:hover,active{
                        color: #ff9767;
                    }
                    p{
                        &:last-child{
                            font-size: 12px;
                            line-height: 40px;
                        }
                    }
                }
                .state_5{
                    line-height: 30px;
                }
                .state_6{
                    padding-bottom: 30px;
                }
                .state_7{
                    padding-top: 20px;
                    .bn{
                        float: right;
                        display: block;
                        border-radius: 20px;
                        color: #FF6900;
                        border: 1px solid #FF6900;
                        background: #FFFFFF;
                        &:hover,active{
                             color: #FFFFFF;
                        background: #ff6900;
                        border: 1px solid #FF6900;
                        }
                    }
                }
            }
            
        }
        .state_1_01{
            border-bottom: 1px dotted #D4D4D4 ;
            padding-bottom: 20px;
        }
    }

}
.paging_2{
    text-align: center;
    li{
        a{
            color: black;
            &:hover{
                background: red;
                color: white;
            }
        }
    }
}
/*************媒体查询********************/
@media screen and (max-width: 991px){
    .news_1 .news_3 p{
        display: none;
    }
}
@media screen and (max-width:480px){
   .web .state .state_1 .state_3 .state_6{
       padding-bottom: 0;
   }
   .paging_2 .paging_3{
       font-size: 12px;
   }
}
